$(function () {

    let form = layui.form
    form.verify({
        nickname: function (value) {
            if (value.length > 8) {
                return "长度为1-8位之间"
            }
        }
    });

    // 2.把用户信息渲染到form表单中
    initUserInfo();
    let layer = layui.layer;
    function initUserInfo() {
        $.ajax({
            url: '/my/userinfo',
            success: function (res) {
                if (res.status != 0) {
                    return layer.msg(res.message)
                };
                form.val("formUserInfo", res.data);
            }

        })
    };

    // 3.表单重置
    $("#btnReset").on('click', function (e) {
        e.preventDefault()
        initUserInfo()
    });

    // 4.修改用户信息
    $(".layui-form").on('submit', function (e) {
        e.preventDefault();
        $.ajax({
            method: 'POST',
            url: '/my/userinfo',
            data: $(this).serialize(),
            success: function (res) {
                if (res.status != 0) {
                    return layer.msg('用户信息修改失败!!!');
                };
                layer.msg('恭喜您，用户信息修改成功!!!');
                window.parent.getUserInof()
            }
        });
    })
})